<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>奶龙商店 - 用户管理</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="admin-container">
        <!-- 左侧导航 -->
        <div class="admin-sidebar">
            <div class="sidebar-logo">
                <a href="https://www.bilibili.com/bangumi/play/ep453031" title="奶龙动画" class="logo ir"></a>
            </div>
            <ul class="nav-tabs">
                <li class="nav-item active" data-target="users">🐉 普通用户</li>
                <li class="nav-item" data-target="merchants">🏪 商家管理</li>
                <li class="nav-item" data-target="product">🏪 商品管理</li>
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="admin-content">
            <!-- 普通用户管理 -->
            <div id="users-section">
                <h2>🥛 普通用户管理</h2>
                <table class="user-table">
                    <thead>
                        <tr>
                            <th>状态</th>
                            <th>用户名</th>
                            <th>年龄</th>
                            <th>邮箱</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 用户列表将通过JavaScript动态渲染 -->
                    </tbody>
                </table>
            </div>

            <!-- 商家管理 -->
            <div id="merchants-section" style="display: none;">
                <h2>🛍️ 商家管理</h2>
                <table class="user-table">
                    <thead>
                        <tr>
                            <th>状态</th>
                            <th>商家名称</th>
                            <th>信誉度</th>
                            <th>邮箱</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 商家列表将通过JavaScript动态渲染 -->
                    </tbody>
                </table>
            </div>
            <div id="dynamic-module-container"></div>
        </div>
    </div>

   

    <!-- 冻结原因模态框 -->
    <div id="freezeModal" class="modal">
        <div class="modal-content">
            <span class="close">&times;</span>
            <h3>❄️ 冻结账户</h3>
            <select id="freezeReason" class="reason-select">
                <option value="违规操作">违规操作</option>
                <option value="异常登录">异常登录</option>
                <option value="虚假信息">虚假信息</option>
                <option value="其他原因">其他原因</option>
            </select>
            <textarea id="customReason" placeholder="自定义原因（可选）" class="reason-textarea"></textarea>
            <button onclick="confirmFreeze()" class="btn btn-freeze">确认冻结</button>
        </div>
    </div>

    <div class="mouse-follow-icon" id="mouse-follow-icon"
        style="display: inline-flex; align-items: center; justify-content: center;">
        <img src="../images/cursor.gif" alt="跟随鼠标的GIF" />
    </div>

</body>

</html>